.k8s {
  padding: 24px;
  background-color: #f7faff;
  border-radius: 8px;

  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .header_left {
      display: flex;
      font-weight: 400;
      line-height: 22px;
      color: rgb(0 0 0 / 65%);
      align-items: center;

      .title {
        display: flex;
        margin-right: 20px;
        align-items: center;
      }

      .num {
        padding: 2px 10px;
        margin-left: 5px;
        font-size: 12px;
        background-color: rgb(0 0 0 / 3%);
        border-radius: 10px;
        transform: scale(0.8);
      }
    }
  }

  .body {
    margin-top: 20px;
  }

  .footer {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #2f54eb;
    cursor: pointer;
  }
}

.collapse_panel_title {
  display: flex;

  .left {
    margin-right: 8px;
  }

  .right {
    .top {
      font-size: 14px;
      font-weight: 500;
      line-height: 22px;
      color: rgb(0 0 0 / 88%);

      .time {
        margin-left: 8px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: rgb(0 0 0 / 45%);
      }
    }

    .bottom {
      font-size: 14px;
      font-weight: 400;
      line-height: 22px;
      color: rgb(0 0 0 / 65%);
    }
  }
}

.collapse_panel_body {
  border-top: 1px solid #f5f5f5;

  .label {
    margin-bottom: 10px;
  }

  .value {
    display: flex;
    flex-wrap: wrap;

    .time_block {
      padding: 5px 10px;
      margin: 5px;
      margin-right: 8px;
      font-size: 14px;
      font-weight: 400;
      line-height: 22px;
      color: rgb(0 0 0 / 65%);
      background-color: #f5f5f5;
      border-radius: 8px;
    }
  }
}
